<template>
  <div id="App">
    <a-locale-provider :locale="zh_CN">
      <router-view></router-view>
    </a-locale-provider>
  </div>
</template>
  
<script>
import zh_CN from "ant-design-vue/lib/locale-provider/zh_CN";
import moment from "moment";
import "moment/locale/zh-cn";
moment.locale("zh-cn");
export default {
  components: {},
  data() {
    return {
      zh_CN,
    };
  },
  computed: {},
  methods: {},
};
</script>
  
<style lang="scss" scoped>
#outermostBg {
  height: 100vh;
  background: url("~@/assets/img/bg2.png");
  background-size: 100% 100%;
  color: white;
  padding-top: 100px;
  .outermostBgHead {
    text-align: center;
    font-size: 70px;
  }
  .outermostBgBox {
    display: flex;
    margin-top: 50px;
    justify-content: space-around;
    font-size: 40px;
    .box {
      padding: 10px;
      cursor: pointer;
      border: 1px solid darkblue;
      text-align: center;
    }
  }
}
</style>
<style lang="scss">
.master-layout {
  background: url("~@/assets/img/bg.png") no-repeat 100% !important;
  .ant-layout-sider {
    background: none !important;
    .logo {
      background: #081825;
      color: #77eef7;
    }
    .ant-menu {
      height: calc(100% - 64px) !important;
      background: linear-gradient(
        to bottom,
        rgba(17, 43, 67, 1),
        rgba(17, 43, 67, 0.3)
      );
    }
  }
  .ant-layout {
    background: none !important;
    .ant-layout-header {
      background: #112b43 !important;
      color: #77eef7;
      .backlogItpm {
        flex: 2 1 1500px; /* 增加扩展比例和初始宽度 */
        background: linear-gradient(to bottom, #0c84ab, #ceecf4);
        -webkit-background-clip: text; /* 只在文字上显示背景 */
        -webkit-text-fill-color: transparent; /* 填充透明色，使背景渐变显示出来 */
      }
    }
  }
}
.ant-tabs-nav-scroll {
  .ant-tabs-tab {
    color: white;
  }
}
.searchItem {
  .ant-col {
    label {
      color: white;
    }
  }
}
.ant-table-scroll {
  .ant-table-header {
    background: transparent;
    .ant-table-thead {
      tr th {
        color: #0df2f7;
        background: #02406f;
      }
    }
  }
  .ant-table-body,.ant-table-placeholder {
    background: transparent !important;
    color: white;
  }
  .ant-table-placeholder{
    div{
      color: white;
    }
  }
}
/*取消antd-table高亮的颜色*/
.ant-table-row:hover > td {
  background-color: transparent !important;
}
.ant-input {
  background: #2b3c5673 !important;
}
.ant-btn {
  background: #5493f373 !important;
  i,
  span {
    color: white;
  }
}
.ant-btn-primary {
  background: #5493f373 !important;
}
.ant-btn-danger {
  /*删除按钮*/
  background: #934748 !important;
}
.ant-select-selection {
  background: #2b3c5673 !important;
  .ant-select-selection__rendered {
    color: white !important;
  }
  i {
    color: white;
  }
}
.ant-select-dropdown {
  background-color: rgb(61 94 113) !important;
  border: 1px solid white !important;
  .ant-select-dropdown-menu-item {
    color: white !important;
  }
  .ant-select-dropdown-menu-item {
    background-color: rgb(61 94 113) !important;
  }
  .ant-select-dropdown-menu-item:hover {
    background-color: rgb(61 94 113) !important;
  }
  .ant-select-dropdown-menu-item-selected {
    /*下拉框选中那一项的背景色*/
    background-color: rgb(61 94 113) !important;
  }
}

.ant-modal-close-x {
  i {
    color: white;
  }
}
.modalCancel {
  background: #57708c !important;
  span {
    color: white;
  }
}
.ant-modal-header {
  background: #0e344e !important;
  .ant-modal-title {
    color: white !important;
  }
}
.ant-modal-body {
  background: #0e344e !important;
}
.ant-modal-footer {
  background: #0e344e !important;
}
.ant-form-item {
  label {
    color: white !important;
  }
  .ant-form-item-children {
    .ant-input {
      color: white;
    }
  }
  .ant-calendar-picker {
    .ant-calendar-range-picker-separator {
      color: white !important;
    }
    i {
      color: white !important;
    }
  }
}
.ant-pagination-options-quick-jumper {
  color: white !important;
}
.ant-table-body {
}
::-webkit-scrollbar {
  width: 18px !important; /* 滚动条宽度 */
}
::-webkit-scrollbar-thumb {
  background: #0e344e !important; /* 滚动条颜色 */
  border-radius: 4px !important; /* 圆角 */
}
::-webkit-scrollbar-track {
  background: #57708c !important; /* 滚动条轨道颜色 */
}
.ant-table-pagination {
  li {
    a {
      color: white !important;
    }
    .ant-pagination-item-link {
      background: #0e344e !important;
    }
  }
  .ant-pagination-prev,
  .ant-pagination-item-active,
  .ant-pagination-item,
  .ant-pagination-next
   {
    background: #0e344e !important;
  }
  .ant-pagination-options-quick-jumper{
    input{
      background: #0e344e !important;
      color: white;
    }
  }
}
.ant-modal-confirm-body{
  .ant-modal-confirm-title{
    color: white !important;
  }
  .ant-modal-confirm-content{
    color: white !important;
  }
}
.ant-select-selection__choice{
  background: transparent !important;
  color: white !important;
}
</style>